<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html lang="en">
<head>
	<title>预约完成页面</title>
	<%@include file="common/head.jsp"%>
</head>

<body>
<div id="navbar" class="navbar navbar-default">
	<div id="navbar-container" class="navbar-container">
		<div class="navbar-header pull-left">
			<a class="navbar-brand" href="#">
				<small>
					<i class="icon-leaf"></i>
					音像商店管理系统
				</small>
			</a><!-- /.brand -->
		</div><!-- /.navbar-header -->
	</div><!-- /.container -->
</div>

<div class="main-container" id="main-container">
	<div class="main-container-inner">
		<div class="main-content" style="margin-left:0;">
			<div class="page-content">
				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<div class="row">
							<div class="col-xs-12">
								<div class="page-header">
									<h1>
										预约完成！
									</h1>
								</div>
								<div class="widget-box">
									<div class="widget-header widget-header-blue widget-header-flat">
										<h4 class="smaller">商品预约</h4>
									</div>

									<div class="widget-body">
										<div class="widget-main">
											<div class="row">
												<div class="col-sm-3">商品名称</div>
												<div class="col-sm-9">${product.name}</div>
											</div>
											<div class="space-8"></div>
											<div class="row">
												<div class="col-sm-3">商品描述</div>
												<div class="col-sm-9">${product.desc}</div>
											</div>
											<div class="space-8"></div>
											<div class="row">
												<div class="col-sm-3">供应商</div>
												<div class="col-sm-9">${supplier.name}</div>
											</div>
											<div class="space-8"></div>
											<div class="row">
												<div class="col-sm-3"> 预约时间 </div>
												<div class="col-sm-4">
													<div class="input-group">
														<fmt:formatDate value="${order.time}" pattern="yyyy-MM-dd" />
													</div>
												</div>
											</div>
											<div class="space-8"></div>
											<div class="row">
												<div class="col-sm-3">商品图片</div>
												<img src="/resources/img/default.jpg" class="img-responsive">
											</div>
											<div class="space-8"></div>
											<div class="row">
												<div class="col-sm-3">会员编号</div>
												<div class="col-sm-9">
													${order.memberId}
												</div>
											</div>
											<hr>
											<div class="row-fluid wizard-actions">
												<button class="btn btn-prev" onclick="window.location.href='${website}'">
													<i class="icon-arrow-left"></i>
													返回首页
												</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- PAGE CONTENT ENDS -->
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div><!-- /.page-content -->
		</div><!-- /.main-content -->
	</div><!-- /.main-container-inner -->

	<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
		<i class="icon-double-angle-up icon-only bigger-110"></i>
	</a>
</div><!-- /.main-container -->

<%@include file="common/footer.jsp" %>
<script src="/resources/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript">
	$('.date-picker').datepicker({autoclose:true}).next().on(ace.click_event, function(){
		$(this).prev().focus();
	});
</script>
</body>
</html>
